<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单列表</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="mallless/reset.css" />
		<link rel="stylesheet" href="vue/swiper/swiper.min.css" />
		<link rel="stylesheet" href="mallless/css.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<div class="gz-header">
				<div class="gz-header-back"><i class="chat_hed_icon" @click="mui.back()"><img src="images/backicon@3x.png" /></i></div>
				<div class="gz-text-center" lang>全部订单</div>
				<div class="gz-text-right">
					<!--<i class="chat_hed_icon"><img src="../static/images/chat_more.png"></i>-->
				</div>
			</div>
			<div class="gz-scroller">
				<scroller delegate-id="myScroller" :on-infinite="infinite"  v-ref:my_scroller  style="z-index: 9999;">
					<div class="ordlistbox">
						<div class="ordlist" v-for="(item, index) in data" :key="index">
							<div class="ordststate">
								<span v-if='item.order_status == 1'>{{shipping_status[item.shipping_status]}}</span>
								<span v-else>{{order_status[item.order_status]}}</span>
							</div>
							<div class="proinfo">
								<div class="infoimg">
									<img :src="item.original_img"  />
								</div>
								<div class="protitle">
									{{item.goods_name}}
									<span><font lang>收货人</font>：{{item.consignee}}</span>
									<span><font lang>联系方式</font>：{{item.mobile}}</span>
									<span><font lang>收货人</lang>：{{item.address}}</span>
								</div>
							</div>
							<div class="price">
								<span><font lang>实付款</font>：<em>¥{{item.total_amount}}</em></span>
							</div>
							<div class="but">
								<span v-if='item.order_status == 1 && item.shipping_status== 0' @click="quxiao(item.order_id)" lang>取消订单</span>
								<span v-if='item.order_status == 1 && item.shipping_status== 1' @click="shouhuo(item.order_id)" lang>确认收货</span>
								<span v-if="item.order_status == 2" lang>再次购买</span>
								<span @click="vieword(item.order_id)" lang>订单详情</span>
							</div>
						</div>
						
						
						
					</div>
				</scroller>
				
			</div>

		</div>
		<script src="../js/mui.min.js"></script>
		<script src="./vue/vue.min.js"></script>
		<script src="../js/config.js"></script>
		<script src="../js/common.js"></script>
		<script src="./vue/swiper/swiper.min.js"></script>
		<script src="./vue/vue-scroller.min.js"></script>
		<script src="ordlist.js"></script>
		<script src="lang/ordlist.js"></script>
	</body>

</html>